<template>
<div class="AlertLayer">
  <template v-if="dateSPanel_status!==Enum.view_status_0">
    <DateSelectionView></DateSelectionView>
  </template>
  <template v-if="addrSPanel_status!==Enum.view_status_0">
    <AddressSelectionView></AddressSelectionView>
  </template>
  <template v-if="paySelectView_status!==Enum.view_status_0">
    <PaySelectView></PaySelectView>
  </template>
  <template v-if="wannldateView_status!==Enum.view_status_0">
    <WanNLDateView></WanNLDateView>
  </template>
  <AlertTipsView></AlertTipsView>
</div>
</template>


<style scoped>
.AlertLayer{
  position: absolute;left: 0rem;top:0rem;
}
</style>
<script setup>
import Enum from "@/gamejs/Enum";
import {ref, onMounted, onBeforeUnmount, onUnmounted,watch,computed} from "vue";
import { useStore} from 'vuex';
import AlertTipsView from '@/views/components/AlertTipsView';
import PaySelectView from '@/views/components/PaySelectView';
import DateSelectionView from '@/views/components/DateSelectionView';
import AddressSelectionView from '@/views/components/AddressSelectionView';
import WanNLDateView from "@/views/components/WanNLDateView";
let store = useStore();
/*组件挂载完成后执行的函数；*/
onMounted(() => {
  console.log("AlertLayer onMounted");
});
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  console.log("AlertLayer onUnmounted  卸载组件实例后");
});
let dateSPanel_status=computed(()=>{return store.state.view.dateSPanel;});
let addrSPanel_status=computed(()=>{return store.state.view.addressPanel;});
let paySelectView_status=computed(()=>{return store.state.view.paySelectView;});
let wannldateView_status=computed(()=>{return store.state.view.wannldateView;});

</script>
